@media(max-width: 576px) {
  .zdy-dh {
    height: 60px;
    font-size: 6px;
  }

  .dyk-pic>img {
    width: 110px;
  }
  .wjdp-pic img{
    width: 70%;
    margin-left: 80px;
  }
  .yw p,.yw a{
    font-size: 12px;
  }
  .navbar img{
    
    width: 37px !important;
    height: 37px !important; ;
  }
}

@media(min-width: 576px) {
  .zdy-dh {
    height: 60px;
    font-size: 12px;
  }

  .dyk-pic>img {
    width: 120px;
  }
  .wjdp-pic img{
    width: 80%;
    margin-left: 50px;
  }
  .yw p,.yw a{
    font-size: 12px;
  }
}

@media(min-width: 768px) {
  .zdy-dh {
    height: 60px;
    font-size: 16px;
  }

  .dyk-pic img {
    width: 150px;
  }
  .wjdp-pic img{
    width: 80%;
    margin-left: 70px;
  }
}

@media(min-width: 992px) {
  .dyk-pic img {
    width: 280px;
  }


  .wjdp-pic img{
    width: 80%;
    margin-left: 90px;
  }
}

@media(min-width: 1200px) {
  .bs-index .dyk-pic>img {
    width: 285px;
    height: 411px;
  }

  .wjdp-pic {
    width: 1000px;
  }

  .wjdp-pic {
    width: 100%;
    margin-left: 60px;
  }
}

.navbar {
  margin: 0;
  padding: 0;
}

.nav ul {
  list-style: none;
  height: 60px;
  color: #000;
  margin: 0;

}

.nav ul>li {
  position: relative;
  float: left;
  text-align: center;
  line-height: 50px;

}

.navbar img {
  width: 49px;
  height: 52px;
  /* top:50%; */
  /* transform: translateY(10px); */
}

.baba {
  position: relative;
}

.baba:hover .xlcd {
  display: block;
}

.xlcd {
  width: 100px;
  padding: 0;
  margin: 0;
  list-style: none;
  background-color: rgba(100, 100, 100, 0.6);
  display: none;
  position: absolute;
  top: 50px;
  left: 0px;
  z-index: 9999;

}

.zdy-dh ul li a {
  color: black;
}